<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>


        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <title>Home | Social-NOSQL</title>
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/font-awesome.min.css" rel="stylesheet"/>
        <link href="css/prettyPhoto.css" rel="stylesheet"/>
        <link href="css/price-range.css" rel="stylesheet"/>
        <link href="css/animate.css" rel="stylesheet"/>
        <link href="css/main.css" rel="stylesheet"/>
        <link href="css/responsive.css" rel="stylesheet"/>

        <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->       
        <link rel="shortcut icon" href="images/ico/favicon.ico"/>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"/>


    </h:head>

    <h:body>
        <p:layout fullPage="true">
            <p:layoutUnit position="north">
                <header id="header"><!--header-->
                    <div class="header_top"><!--header_top-->
                        <div class="container">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="contactinfo">
                                        <ul class="nav nav-pills">
                                            <li><a href="#"><i class="fa fa-phone"></i> +593 99 76 616 312</a></li>
                                            <li><a href="#"><i class="fa fa-envelope"></i> nosql@gmail.com</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="social-icons pull-right">
                                        <ul class="nav navbar-nav">
                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                            <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!--/header_top-->

                    <div class="header-middle"><!--header-middle-->
                        <div class="container">
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="logo pull-left">
                                        <a href="index.html"><img src="images/home/logo.png" alt="" /></a>
                                    </div>
                                    <div class="btn-group pull-right">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">
                                                ECU
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">COSTA</a></li>
                                                <li><a href="#">SIERRA</a></li>
                                            </ul>
                                        </div>

                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">
                                                USD
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Dollar</a></li>
                                                <li><a href="#">Euro</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-8">
                                    <div class="shop-menu pull-right">
                                        <ul class="nav navbar-nav">
                                            <li><a href="#"><i class="fa fa-user"></i> Cuenta</a></li>
                                            <li><a href="#"><i class="fa fa-star"></i> Compras</a></li>
                                            <li><a href="checkout.html"><i class="fa fa-crosshairs"></i> Pago</a></li>
                                            <li><a href="cart.html"><i class="fa fa-shopping-cart"></i> Carrito</a></li>
                                            <li><a href="login.html"><i class="fa fa-lock"></i> Login</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!--/header-middle-->

                    <div class="header-bottom"><!--header-bottom-->
                        <div class="container">
                            <div class="row">
                                <div class="col-sm-9">
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>
                                    <div class="mainmenu pull-left">
                                        <ul class="nav navbar-nav collapse navbar-collapse">
                                            <li><a href="index.html" class="active">Home</a></li>
                                            <li class="dropdown"><a href="#">Shop<i class="fa fa-angle-down"></i></a>
                                                <ul role="menu" class="sub-menu">
                                                    <li><a href="productos.xhtml">Productos</a></li>
                                                    <li><a href="product-details.html">Detalles de Productos</a></li> 
                                                    <li><a href="checkout.html">Pago</a></li> 
                                                    <li><a href="cart.html">Carrito</a></li> 
                                                    <li><a href="login.html">Login</a></li> 
                                                </ul>
                                            </li> 
                                            <li class="dropdown"><a href="#">Blog<i class="fa fa-angle-down"></i></a>
                                                <ul role="menu" class="sub-menu">
                                                    <li><a href="blog.html">Blog List</a></li>
                                                    <li><a href="blog-single.html">Blog Single</a></li>
                                                </ul>
                                            </li> 
                                            <li><a href="404.html">404</a></li>
                                            <li><a href="contact-us.html">Contact</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="search_box pull-right">
                                        <input type="text" placeholder="Search"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!--/header-bottom-->
                </header><!--/header-->
            </p:layoutUnit>
            <p:layoutUnit position="center">
                <ui:insert name="content"/>
            </p:layoutUnit>
            <p:layoutUnit position="south" size="60">
                <footer id="footer"><!--Footer-->
                    <div class="footer-top">
                        <div class="container">
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="companyinfo">
                                        <h2><span>NOSQL</span>-SOCIAL</h2>
                                        <p>Realice las compras, desde tu cuenta y compare con los de sus amigos </p>
                                    </div>
                                </div>
                                <div class="col-sm-7">
                                    <div class="col-sm-3">
                                        <div class="video-gallery text-center">
                                            <a href="#">
                                                <div class="iframe-img">
                                                    <img src="images/home/iframe1.png" alt="" />
                                                </div>
                                                <div class="overlay-icon">
                                                    <i class="fa fa-play-circle-o"></i>
                                                </div>
                                            </a>
                                            <p>RIAK</p>
                                            <h2>24 ENE 2015</h2>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="video-gallery text-center">
                                            <a href="#">
                                                <div class="iframe-img">
                                                    <img src="images/home/iframe2.png" alt="" />
                                                </div>
                                                <div class="overlay-icon">
                                                    <i class="fa fa-play-circle-o"></i>
                                                </div>
                                            </a>
                                            <p>MONGODB</p>
                                            <h2>24 ENE 2015</h2>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="video-gallery text-center">
                                            <a href="#">
                                                <div class="iframe-img">
                                                    <img src="images/home/iframe3.png" alt="" />
                                                </div>
                                                <div class="overlay-icon">
                                                    <i class="fa fa-play-circle-o"></i>
                                                </div>
                                            </a>
                                            <p>CASANDRA DB</p>
                                            <h2>24 ENE 2015</h2>
                                        </div>
                                    </div>

                                    <div class="col-sm-3">
                                        <div class="video-gallery text-center">
                                            <a href="#">
                                                <div class="iframe-img">
                                                    <img src="images/home/iframe4.png" alt="" />
                                                </div>
                                                <div class="overlay-icon">
                                                    <i class="fa fa-play-circle-o"></i>
                                                </div>
                                            </a>
                                            <p>NEO4J</p>
                                            <h2>24 ENE 2015</h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="address">
                                        <img src="images/home/map.png" alt="" />
                                        <p>593 Cuenca Av 12 de Abril, ECU(Azuay)</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="footer-bottom">
                        <div class="container">
                            <div class="row">
                                <p class="pull-left">Copyright © 2015 MIGUEL S. , PABLO J. , OMAR Q. Students. All rights reserved.</p>
                                <p class="pull-right">Designed by <span><a target="_blank" href="http://www.themeum.com">Information</a></span></p>
                            </div>
                        </div>
                    </div>

                </footer><!--/Footer-->
            </p:layoutUnit>
        </p:layout>
        <script src="js/jquery.js"></script>
        <script src="js/price-range.js"></script>
        <script src="js/jquery.scrollUp.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.prettyPhoto.js"></script>
        <script src="js/main.js"></script>

    </h:body>

</html>
